<template>
	<view class="root">
		<view class="top-bar">
			<view class="title">
				<text>服务流程</text>
			</view>
			<view class="btn" @click="show =true">
			  <text>服务报价</text>
			</view>
		</view>
		<view class="content">
			<view>
				<text>1、客户将作品寄（快递）或送至我司装裱</text>
			</view>
			<view>
				<text>2、网上挑选材质样板或现场挑选</text>
			</view>
			<view>
				<text>3、约定加工工期 或送货取货时间</text>
			</view>
			<view>
				<text>4、按时上门送货安装或亲自来取</text>
			</view>
			<view>
				<text>名贵或特殊字画可全程跟踪，立等可取，可签立正规合同，可上门取件</text>
			</view>
			<view>
				<text>业务范围：</text>
			</view>
      <view>
				<text>专业纯手工装裱高档国画书法字画，揭裱、洗霉、修复高难的古旧字画，画框制作、安装，定做红木、花梨等高档画框、安装大型字画画框，字画复制、订写各种题材、内容书法，提供全市送货安装服务.
			选择我们保证您的作品高端、大气、上档次，另相比同行业，我们更突出以下优势：</text>
			</view>
			<view>
				<text>名贵或特殊字画可全程跟踪，立等可取，可签立正规合同，可上门取件</text>
			</view>
			<view>
				<text>1.安全保障 </text>
			</view>
			<view>
				<text>名贵或特殊字画可全程跟踪，立等可取，可签立正规合同，可上门取件</text>
			</view>
			<view>
				<text>1.安全保障 </text>
			</view>
			<view>
				<text>名贵或特殊字画可全程跟踪，立等可取，可签立正规合同，可上门取件</text>
			</view>
			<view>
				<text>2.快</text>
			</view>
			<view>
				<text>传统的手工配合现代大型装裱机，使裱件快速烘干，效果更好，纯手工装裱可以做到立等可取（这个额外收费）</text>
			</view>
			<view>
				<text>3.精</text>
			</view>
			<view>
				<text>精细的手工、 精湛的技术、是我们求生存的根本，我们保证每个装裱作品的做工都是精品</text>
			</view>
			<view>
				<text>4.字画修复</text>
			</view>
			<view>
				<text>我们有古字画翻裱、洗霉、修复等专业的专家，让每个作品都有最大的安全保障</text>
			</view>
			<view>
				<text>5.安装</text>
			</view>
			<view>
				<text>我们有专业安装的人员，专门负责巨幅作品的安装、组装、拆装</text>
			</view>
		</view>
		
		<!-- 弹出层模块 -->
		<view>
				<u-popup v-model="show" class="pop"  mode="center"  border-radius="28" width="678rpx">
					<view style="text-align: center;margin-top: 50rpx;" class="c0">
						<text style=" font-size: 32rpx;font-weight: 700;">获取<text style="font-size: 32rpx;font-weight: 700;color: #c6100e;">华阳星河字画装裱店</text>报价</text>
						<image src="../../static/关闭.png" mode="" class="close" @click="show = false"></image>
					</view>
					<view class="c1">
						<text style="margin-left: 30rpx;">类别</text>
						<text style="margin-left: 120rpx;">国画装裱</text>
					</view>
					<view class="c2">
						<text style="margin-left: 30rpx;">姓名</text>
						<input type="text" class="inp" value="" placeholder="请输入姓名" />
					</view>
					<view class="c3">
						<text style="margin-left: 30rpx;">手机号码</text>
						<input type="text" class="inp" value="" placeholder="请输入手机号" />
					</view>
					<view class="btn">
						<text>提交</text>
					</view>
					<view class="point">
						<text>老师会通过电话反馈课程报价，请保证电话真实畅通</text>
					</view>
				</u-popup>
			</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				show: false
			}
		}
	}
</script>

<style lang="scss" scoped>
	.root{
		width: 90%;
		margin-left: 5%;
	}
	
	.top-bar{
		position: relative;
		margin-top: 20rpx;
	}
	
	.title{
		font-size: 32rpx;
		font-weight: 700;
	}
	
	.btn{
		border: 2rpx solid #df7d7c;
		width: 180rpx;
		height: 60rpx;
		line-height: 60rpx;
		position: absolute;
		right: 0;
		top: 0;
		text-align: center;
		color: #df7d7c;
		border-radius: 10rpx;
	}
	
	.content{
		text-align: justify;
		margin-top: 20rpx;
	}
	
	.c1 {
		display: flex;
		justify-content: flex-start;
		margin-top: 30rpx;
		font-size: 30rpx;
		color: #444444;
	}
	
	.c2 {
		display: flex;
		justify-content: space-between;
		margin-top: 30rpx;
		font-size: 30rpx;
		color: #444444;
	}
	
	.c2 .inp {
		width: 70%;
		font-size: 30rpx;
		margin-top: 8rpx;
	}
	
	.c3 {
		display: flex;
		justify-content: space-between;
		margin-top: 30rpx;
		font-size: 30rpx;
		color: #444444;
	}
	
	.c3 .inp {
		width: 70%;
		font-size: 30rpx;
		margin-top: 8rpx;
	}
	
	.pop .btn {
		width: 90%;
		margin: 5%;
		height: 88rpx;
		line-height: 88rpx;
		background-color: #c6100e;
		text-align: center;
		border-radius: 15rpx;
		color: #ffffff;
		margin-top: 380rpx;
	}
	
	.pop .point {
		font-size: 24rpx;
		text-align: center;
		width: 90%;
		margin: 5%;
		color: #999999;
		margin-top: 160rpx;
	}
	
	.c0 {
		position: relative;
	}
	
	.c0 .close {
		width: 26rpx;
		height: 26rpx;
		position: absolute;
		top: 0;
		right: 30rpx;
	}
</style>
